<template>
  <div id="box">
     <div id="contentBox">
         <span style="font-weight:700;">OMINI官方旗舰店</span>
         
          <button id="fr">进店</button><br/>
         <span style="font-size:12px;color:#eae9e5;">信用值100</span>
         
         <div style="display:flex">
            <img src="https://img1.baidu.com/it/u=1121752134,1238083480&fm=253&fmt=auto&app=138&f=JPEG?w=888&h=500" width="31%" height="60"/>
             <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp6.itc.cn%2Fimages01%2F20210930%2F698313a1481f4400863711c024180e3f.jpeg&refer=http%3A%2F%2Fp6.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668296263&t=331ca75b65dd80ff2e950ab94b2d2b42" width="31%" height="60"/>
             <img src="https://img1.baidu.com/it/u=901429949,1748771729&fm=253&fmt=auto&app=138&f=JPEG?w=777&h=500" width="31%" height="60"/>
         </div>
         
     </div>
      <div id="contentBox">
         <span style="font-weight:700;">OMINI官方旗舰店</span>
          <button id="fr">进店</button><br/>
         <span style="font-size:12px;color:#eae9e5;">信用值100</span>
        
         <div style="display:flex">
            <img src="https://img1.baidu.com/it/u=1121752134,1238083480&fm=253&fmt=auto&app=138&f=JPEG?w=888&h=500" width="31%" height="60"/>
             <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp6.itc.cn%2Fimages01%2F20210930%2F698313a1481f4400863711c024180e3f.jpeg&refer=http%3A%2F%2Fp6.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668296263&t=331ca75b65dd80ff2e950ab94b2d2b42" width="31%" height="60"/>
             <img src="https://img1.baidu.com/it/u=901429949,1748771729&fm=253&fmt=auto&app=138&f=JPEG?w=777&h=500" width="31%" height="60"/>
         </div>
      
     </div>
    
      <div id="contentBox">
         <span style="font-weight:700;">OMINI官方旗舰店</span>
          <button id="fr">进店</button><br/>
         <span style="font-size:12px;color:#eae9e5;">信用值100</span>
         <div style="display:flex">
             <img src="https://img1.baidu.com/it/u=1121752134,1238083480&fm=253&fmt=auto&app=138&f=JPEG?w=888&h=500" width="31%" height="60"/>
             <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp6.itc.cn%2Fimages01%2F20210930%2F698313a1481f4400863711c024180e3f.jpeg&refer=http%3A%2F%2Fp6.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668296263&t=331ca75b65dd80ff2e950ab94b2d2b42" width="31%" height="60"/>
             <img src="https://img1.baidu.com/it/u=901429949,1748771729&fm=253&fmt=auto&app=138&f=JPEG?w=777&h=500" width="31%" height="60"/>
         </div>
        </div>
   
      <div id="contentBox">
         <span style="font-weight:700;">OMINI官方旗舰店</span>
          <button id="fr">进店</button><br/>
         <span style="font-size:12px;color:#eae9e5;">信用值100</span>
        
         <div style="display:flex">
             <img src="https://img1.baidu.com/it/u=1121752134,1238083480&fm=253&fmt=auto&app=138&f=JPEG?w=888&h=500" width="31%" height="60"/>
             <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp6.itc.cn%2Fimages01%2F20210930%2F698313a1481f4400863711c024180e3f.jpeg&refer=http%3A%2F%2Fp6.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668296263&t=331ca75b65dd80ff2e950ab94b2d2b42" width="31%" height="60"/>
             <img src="https://img1.baidu.com/it/u=901429949,1748771729&fm=253&fmt=auto&app=138&f=JPEG?w=777&h=500" width="31%" height="60"/>
         </div>
     </div>
      <div id="contentBox">
         <span style="font-weight:700;">OMINI官方旗舰店</span>
          <button id="fr">进店</button><br/>
         <span style="font-size:12px;color:#eae9e5;">信用值100</span>
        
         <div style="display:flex">
             <img src="https://img1.baidu.com/it/u=1121752134,1238083480&fm=253&fmt=auto&app=138&f=JPEG?w=888&h=500" width="31%" height="80"/>
             <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp6.itc.cn%2Fimages01%2F20210930%2F698313a1481f4400863711c024180e3f.jpeg&refer=http%3A%2F%2Fp6.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668296263&t=331ca75b65dd80ff2e950ab94b2d2b42" width="31%" height="80"/>
             <img src="https://img1.baidu.com/it/u=901429949,1748771729&fm=253&fmt=auto&app=138&f=JPEG?w=777&h=500" width="31%" height="80"/>
         </div>
     </div>
     <div>
      <span style="font-weight:700;color:#fff;margin:10px 30%;">没有更多了哦~</span>
     </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
  #box{
      background-color:#bfa995 ;
       padding: 10px;
       height: 85vh;
       overflow-y: auto;
  }
  #contentBox{
      padding: 5px;
      margin-top: 10px;
      background-color: #fff;
  }
  /* 进店按钮 */
  #fr{
      float: right;
      color: #dbb184;
      background: #fff;
      padding: 3px 13px;
      border: 1px solid #dbb184;
      font-size: 14px;
      text-align: center;
      border-radius: 20px;
  }
   #fr:hover {
     cursor: pointer;
   }
  img{
      margin-right: 5px;
  }
  img:hover {
     cursor: pointer;
   }
</style>